<template>
  <div class="z_footer">
    <div class="z_beian" v-if="beian">
      <img src="@/assets/gongan.png" alt="" />
      <a href="https://beian.miit.gov.cn/" target="_blank">
        备案号：{{ beian }}
      </a>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue";
import { beian } from "@/conf/global";
</script>
<style lang="less">
.z_footer {
  background-color: var(--color-bg-1);
  display: flex;
  justify-content: center;
  color: var(--color-text-2);
  .z_beian {
    display: flex;
    align-items: center;
    padding: 20px 0;
  }
}
</style>
